@charset "utf-8";
html{font-size: 12px;}
body{font-size:14px;font-family: "microsoft yahei","微软雅黑","arial, helvetica, sans-serif";line-height:25px;background:#ffffff;}
*{margin: 0;padding: 0;border: 0;}
ul,dl{list-style: none;}
a{text-decoration: none;color: #c00;}
a:hover{text-decoration: underline;}
p{line-height: 30px;}
.c{clear: both;}
.bg{background: #f7f7f7;}
.bg_red{background: #ff6666;color:white;}
.bg_yellow{background:#FF9900;color:white;}
.bg_blue{background:#04ABFF;color:white;}
.bg_green{background:#33CC99;color:white;}
.bk{border: 1px solid #cccccc;}	
.bk_b{padding:10px 0;border-bottom: 1px solid #cccccc;}		
.bk_red{border: 1px solid #ff6666;}
.bk_yellow{border: 1px solid #FF9900; }
.bk_b_yellow{border-bottom: 1px solid #FF9900; }
.bk_blue{border: 1px solid #0066CC;}
.bk_green{border: 1px solid #33CC99;}
.bk_radius{ border-radius:20px;}
.txt_red{color:#ff6666;}
.txt_yellow{color:#FF9900;}
.txt_green{color:#33CC99;}
.pad10{padding:10px;}
.pad20{padding:20px;}
.pad50{padding:50px;}
.pad_tb20{padding:20px 0;}
.mt-10{margin-top: -10px;}
.mb10{margin-bottom: 10px;}
.mb20{margin-bottom: 20px;}
.mr10{margin-right: 10px;}
.shadow{height:auto;box-shadow: 0 3px 9px rgba(204,204,204,0.9);}
.img_auto,.img_auto img{width: 100%;height:auto}
/*浮动*/
.fl{float: left;}
.fr{float: right;}
/*清除浮动*/
.clearfix:after{ content: ""; display:block;height:0;clear:both; }
.txt_center{ text-align: center;}
.txt_right{ text-align: right;}
/*标题*/
h1{font-size: 20px;line-height: 36px;}
h2{font-size: 18px;line-height: 36px;}
h3{font-size: 16px;line-height: 32px;}
h4{font-size: 14px;line-height: 30px;}
.f36{font-size: 36px;}
.f16{font-size: 16px;}
.bt{border-left: 8px #0095D9 solid; height: 30px; line-height: 30px;padding-left: 10px;}
hr{margin: 1rem 0; }
.icon{padding:0.2rem 0.4rem;margin-right: 0.5rem;background:#33CC99;}
.fixed{position: fixed;}
.display{display:inline-block;}
/*框架*/
.container{width: 1200px; margin: 0 auto; height: auto;box-sizing: border-box;}
.w460,.w440,.w600{height: auto;box-sizing: border-box;}
.w460{width: 460px;}
.w440{width: 440px;}
.w600{width: 600px;}
.box{height:auto;}
.main_l{width:20%;min-width: 20%;height: 100%;min-height: 100%;text-align: center;overflow-y: auto;background-color: #FFFFFF;}
.main_l img{width: 100%; }
.main_r{margin-left: 20%;height: 100%;min-height: 100%;padding-left: 2%;padding-right: 2%;overflow-y: auto; padding-bottom: 4rem;}
/*头部*/
.head{height:auto; padding:20px 0;background-color: #FFFFFF;}
.logo,.contact,.weixin{float:left;height:auto; }
.logo{width:460px;}
.logo img{width:320px;height:auto;}
.contact{width:420px; background: url(../images/phone.png) left center no-repeat; padding-left: 80px;padding-top: 10px;box-sizing: border-box; margin-right: 100px;}
.weixin img{width:200px;}
/*导航*/
.navbar{background:#0095D9;height: auto;}
.nav{height: 60px;padding-left: 50px;}
.nav a{display:inline-block;color: white;width:calc(100%/5);font-size: 20px;font-weight:500;line-height: 60px;text-align: center;}
.nav a:hover{background-color:#F68100;text-decoration: none;}
/*banner*/
.banner {position: relative; overflow: auto;box-sizing: border-box;height:auto; }
.banner li { list-style: none;height:500px;background-size:cover;}
.banner ul li { float: left; }
.dots { position: absolute; left: 0; right: 0; bottom: 20px;text-align: center;}
.dots li { display: inline-block;width: 10px; height: 10px; margin: 0 4px; text-indent: -999em;border: 2px solid #000;border-radius:100%; cursor: pointer; opacity: .4; transition: background .5s, opacity .5s;}
.dots li.active{background: #fff;opacity: 1;}
/*文本*/
.txt_a {height: auto;margin-bottom: 10px;}
.txt_a a{display: inline-block;color: white;padding:6px 8px; margin: 3px; background-color:#FF9900;}
.txt_a a:hover{background-color: #ff6666;text-decoration: none;color:white;}
/*内容页*/
.neirong{height: auto;}
.neirong a{color: #ff6666}
.neirong a.bg_green{color:white;}
.neirong a.bg_yellow{color:white;}
.neirong a.bg_red{color:white;}
/*表格ʽ*/
table {border-collapse:collapse;margin:0 auto;width:100%;}
td {border:1px solid #e3e3e3;padding:10px;}
.tbbt {text-align: center;font-weight:bold;background:#f5f5f5;}
.tbbt a:hover {color:#FF0000;}
/*列表*/
.lie{height: auto;}
.lie li{ line-height: 30px;}
.lie span {float:right;margin-right: 30px;}
.lie2{height: auto;}
.lie2 li{ float: left;width: 45%;padding-left:25px; margin-right: 1rem;line-height: 30px;background:url(http://www.kaoshiziyuan.com/d/file/p/20180321/9d20cb2a0e601866e890b68655c5beba.png)  no-repeat left center;box-sizing: border-box;}
.lie2 span {float:right;margin-right: 30px;}
.lie_img{height: auto;}
.lie_img li{float: left;width:25%;height: auto; padding: 3%;box-sizing: border-box;}
/*三列图片列表*/
.lie_img3 li{float:left;width:31%;height:480px;box-sizing: border-box;box-shadow: 0 3px 9px rgba(204,204,204,0.9);margin: 0 1%;margin-bottom: 10px;}
.lie_img3 img{width: 100%;display: block;height:210px}
/*三列图片列表*/
.lie3 li{float:left;width:33.3%;height:400px;box-sizing: border-box;box-shadow: 0 3px 9px rgba(204,204,204,0.9);}
.lie3 img{width:330px;height:210px;display: block;margin: 0 auto;}
.lie3 li:hover{background: #0095D9;color: white;}
.lie3 li:hover a{color: white;}
/*列表文字/图片替换图片效果*/
.yiru{height: auto;}
.yiru li{height: 100%;position:relative; overflow: hidden;background:none;}
.yiru p,.yiru div{position: absolute;width: 100%;height: 100%;bottom: -100%;transition: .5s; box-sizing: border-box;color: #ffffff;}
.yiru p{padding:30px;}
.yiru p strong{display:block;}
.yiru li:hover p,.yiru li:hover div{transform:translateY(-100%);}
.yiru li:hover p{background:#0095D9; opacity: 0.9;}
.yiru li:hover a{color: #ffffff;text-decoration: none;}
.yiru li:hover .title{color: #ffffff;border: 1px solid #ffffff;padding:6px 10px;}
/*图文*/
.tw{height:auto;}
.tw_l{float:left;width:350px;height:230px;text-align: center;overflow: hidden;}
.tw img{width: 100%;}
.tw_r{float:left;width:700px;padding-left: 2%;height: 100%;box-sizing: border-box;}
.tw strong{display: block;}
.tw_img{float: left; margin-right:10px;}

/*底部*/
.foot{text-align: center;}
/*响应式*/
@media only screen and (max-width: 1199px){
.container,.navbar,.w460,.w440,.w600{width: 100%;}
.box{padding: 10px;}
.head{padding:0;}
.logo{float:none;height:auto;width: 100%; text-align: center;}
.nav{padding: 10px 0;text-align: center;height: auto;}
.nav a{width:auto;font-size: 14px; padding: 0px 10px;line-height: 30px;}
.banner li {height:300px;}
.dots li {width: 10px; height: 10px;}
.lie_img3 li{float:none;width:100%;height:auto;margin-bottom:10px;}
.lie_img3 img{height:auto;}
.lie3 li{floa:none;width:100%;height:auto;margin-bottom:10px;}
.lie3 img{width:100%;height:auto;}
.tw_l,.tw_r{width: 100%;padding-left: 0;}
.display{display: none;}
* img{width: 100%;height:auto;}
/*浮动*/
.fl,.fr,.tw_l,.tw_r{float:none;}
.f36{font-size: 30px;}
.pad50{padding:20px;}
.pad20 {padding: 10px 20px;}
.mb20{margin-bottom: 10px;}
}